import React, {
	Component
} from 'react'
import {
	Platform,
	StyleSheet,
	Text,
	View,
	Button,
	AppRegistry,
	NativeModules
} from 'react-native';

var RNBridgeModule = NativeModules.RNBridgeModule;

const instructions = Platform.select({
	ios: 'Press Cmd+R to reload,\n' +
		'Cmd+D or shake for dev menu',
	android: 'Double tap R on your keyboard to reload,\n' +
		'Shake or press menu button for dev menu',
});

type Props = {};
export default class App extends Component < Props > {
	render() {
		return (
			<View style={styles.container}>
		        <Text style={styles.welcome}>
		          Welcome to React Native!
		        </Text>
		        <Text style={styles.instructions}>
		          To get started, edit App.js
		        </Text>
		        <Text style={styles.instructions}>
		          {instructions}
		        </Text>
						<Text style={styles.instructions}>
							 {this.props.name}
						</Text>
						<View style={{marginTop:64}}>
								<Button title="返回上页"
				        onPress={
		            ()=>{
									 var name = '我来自RN'
									 RNBridgeModule.backToViewController();
									 RNBridgeModule.addEvent(name);
			           }
		             }
				        color="#841584">
			          </Button>
          </View>
      </View>
		);
	}
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#F5FCFF',
	},
	welcome: {
		fontSize: 20,
		textAlign: 'center',
		margin: 10,
	},
	instructions: {
		textAlign: 'center',
		color: '#333333',
		marginBottom: 5,
	},
});

AppRegistry.registerComponent('testRN', () => App)
